<template>
	<view>
		<navigation title="订单详情">
			<view class="right_text" slot="right_text" style="position: relative;">
				<uni-icons @click="isSHowAfterSale=!isSHowAfterSale" type="more-filled" size="25"></uni-icons>
				<uni-transition :mode-class="['fade']" :show="isSHowAfterSale">
					<view class="right_text_top" style="transition: all 0.5s; ">
						<text class="operation_text" @click="confirms" v-if="order.is_convert && order.item_check_status==2&&order.process!=2">转单</text>
						<text class="operation_text" @click="closes" v-if="order.item_check_status==2&&order.process!=2">退单</text>
						<text class="operation_text" @click="viewAuditFn">查看审核</text>
						<text class="operation_text" @click="gotoOginOrder" v-if="order.pid>0">查看原定单</text>
					</view>
				</uni-transition>
			</view>
		</navigation>
		<wzp-picker ref="orderPicker" :mode="orderMode" :pickerList="orderPickerList" :defaultIndex="orderDefaultIndex"
		 @onConfirm="orderOnConfirm"></wzp-picker>



		<view class="infoBox">
			<uni-collapse accordion="true">

				<uni-collapse-item title="合同详情" class="title" :open="true" :rightTitle="order.edit===1?'修改':''" @rightFn="editTextFn({api:order.api,read:order.read,id:order.id,type:'order',picker:order.picker})">
					<view class="info_box" v-if="order">
						<view class="name">
							<text class="txt1">合同详情</text>
						</view>
						<view class="con">
							<text class="txt1">签约公司</text>
							<text class="txt2">{{order.company_id}}</text>
						</view>
						<view class="con">
							<text class="txt1">订单类型</text>
							<text class="txt2">{{order.news_type}}</text>
						</view>
						<view class="con">
							<text class="txt1">合同编号</text>
							<text class="txt2">{{order.contract_no}}</text>
						</view>
						<view class="con">
							<text class="txt1">签约日期</text>
							<text class="txt2">{{order.sign_date}}</text>
						</view>
						<view class="con">
							<text class="txt1">举办日期</text>
							<text class="txt2">{{order.event_date}}</text>
						</view>
						<view class="con">
							<text class="txt1">酒店名称</text>
							<text class="txt2">{{order.hotel_text}}</text>
						</view>
						<view class="con">
							<text class="txt1">合作模式</text>
							<text class="txt2">{{order.cooperation_mode}}</text>
						</view>
						<view class="con" v-if="order.score">
							<text class="txt1">积分</text>
							<text class="txt2">{{order.score}}</text>
						</view>
						<view class="con">
							<text class="txt1">宴会厅</text>
							<text class="txt2">{{order.banquet_hall_name}}</text>
						</view>
						<view class="con" v-if="order.recommend_salesman">
							<text class="txt1">引流销售</text>
							<text class="txt2">{{order.recommend_salesman}}</text>
						</view>
						<view class="con">
							<text class="txt1">签约销售</text>
							<text class="txt2">{{order.salesman}}</text>
						</view>
						<view class="remark" v-if="order.remark">
							<text class="txt1">备注</text>
							<text class="txt2">{{order.remark}}</text>
						</view>
					</view>
					<view class="" v-if="JSON.stringify(order.image) !='[]'">
						<view class="" style="padding-left: 30upx;font-size: 28upx;">
							合同照片
						</view>
						<view class="image_list">
							<image style="margin: 1px;" :src="item" mode="" v-for="(item,index) in  order.image" :key="index" @click="previewImg({list:order.image,index:index})"></image>
						</view>
					</view>
					<view class="" v-if="JSON.stringify(order.note_img) !='[]'">
						<view class="" style="padding-left: 30upx;font-size: 28upx;">
							收据照片
						</view>
						<view class="image_list">
							<image style="margin: 1px;" :src="item" mode="" v-for="(item,index) in  order.note_img" :key="index" @click="previewImg({list:order.note_img,index:index})"></image>
						</view>
					</view>
					<view class="" v-if="JSON.stringify(order.receipt_img) !='[]'">
						<view class="">
							小票或收款截图照片
						</view>
						<view class="image_list">
							<image style="margin: 1px;" :src="item" mode="" v-for="(item,index) in  order.receipt_img" :key="index" @click="previewImg({list:order.receipt_img,index:index})"></image>
						</view>
					</view>
					<view class="info_box" v-for="(item,index) in  hotelProtocol" :key="index">
						<view class="" v-if="item.protocol_type==''">
							<view class="name">
								<text class="txt1">酒店协议({{index+1}})</text>
							</view>
							<view class="con">
								<text class="txt1">餐标</text>
								<text class="txt2">{{item.table_price}}</text>
							</view>
							<view class="con">
								<text class="txt1">桌数</text>
								<text class="txt2">{{item.table_amount}}</text>
							</view>
							<view class="con">
								<text class="txt1">婚房数量</text>
								<text class="txt2">{{item.wedding_room_amount}}</text>
							</view>
							<view class="con">
								<text class="txt1">婚房价格</text>
								<text class="txt2">{{item.wedding_room}}</text>
							</view>
							<view class="con">
								<text class="txt1">停车位数量</text>
								<text class="txt2">{{item.part_amount}}</text>
							</view>
							<view class="con">
								<text class="txt1">停车位价格</text>
								<text class="txt2">{{item.part}}</text>
							</view>
							<view class="con">
								<text class="txt1">香槟数量</text>
								<text class="txt2">{{item.champagne_amount}}</text>
							</view>
							<view class="con">
								<text class="txt1">香槟价格</text>
								<text class="txt2">{{item.champagne}}</text>
							</view>
							<view class="con">
								<text class="txt1">茶歇数量</text>
								<text class="txt2">{{item.tea_amount}}</text>
							</view>
							<view class="con">
								<text class="txt1">茶歇价格</text>
								<text class="txt2">{{item.tea}}</text>
							</view>
							<view class="con">
								<text class="txt1">蛋糕数量</text>
								<text class="txt2">{{item.cake_amount}}</text>
							</view>
							<view class="con">
								<text class="txt1">蛋糕价格</text>
								<text class="txt2">{{item.cake}}</text>
							</view>
							<view class="con">
								<text class="txt1">合同总金额</text>
								<text class="txt2">{{item.pay_hotel_totals}}</text>
							</view>
							<view class="con">
								<text class="txt1">定金付款日期</text>
								<text class="txt2">{{item.earnest_money_date}}</text>
							</view>
							<view class="con">
								<text class="txt1">定金付款金额</text>
								<text class="txt2">{{item.earnest_money}}</text>
							</view>
							<view class="con">
								<text class="txt1">中款付款日期</text>
								<text class="txt2">{{item.middle_money_date}}</text>
							</view>
							<view class="con">
								<text class="txt1">中款付款金额</text>
								<text class="txt2">{{item.middle_money}}</text>
							</view>
							<view class="con">
								<text class="txt1">尾款付款日期</text>
								<text class="txt2">{{item.tail_money_date}}</text>
							</view>
							<view class="con">
								<text class="txt1">尾款付款金额</text>
								<text class="txt2">{{item.tail_money}}</text>
							</view>
						</view>
						<!-- 酒店服务增项 -->
						<view class="" v-if="item.protocol_type=='酒店服务增项'">
							<view class="name">
								<text class="txt1">{{ item.protocol_type }}协议项({{ index + 1 }})</text>
							</view>
							<view class="con">
								<text class="txt1">优惠金额</text>
								<text class="txt2">{{item.banquet_discount}}</text>
							</view>
							<view class="con">
								<text class="txt1">婚房数量</text>
								<text class="txt2">{{item.wedding_room_amount}}</text>
							</view>

							<view class="con">
								<text class="txt1">婚房价格</text>
								<text class="txt2">{{item.wedding_room}}</text>
							</view>
							<view class="con">
								<text class="txt1">停车位数量</text>
								<text class="txt2">{{item.part_amount}}</text>
							</view>
							<view class="con">
								<text class="txt1">停车位价格</text>
								<text class="txt2">{{item.part}}</text>
							</view>
							<view class="con">
								<text class="txt1">香槟数量</text>
								<text class="txt2">{{item.champagne_amount}}</text>
							</view>
							<view class="con">
								<text class="txt1">香槟价格</text>
								<text class="txt2">{{item.champagne}}</text>
							</view>
							<view class="con">
								<text class="txt1">茶歇数量</text>
								<text class="txt2">{{item.tea_amount}}</text>
							</view>
							<view class="con">
								<text class="txt1">茶歇价格</text>
								<text class="txt2">{{item.tea}}</text>
							</view>
							<view class="con">
								<text class="txt1">蛋糕数量</text>
								<text class="txt2">{{item.cake_amount}}</text>
							</view>
							<view class="con">
								<text class="txt1">蛋糕价格</text>
								<text class="txt2">{{item.cake}}</text>
							</view>
							<view class="con">
								<text class="txt1">led数量</text>
								<text class="txt2">{{item.led_amount}}</text>
							</view>
							<view class="con">
								<text class="txt1">led价格</text>
								<text class="txt2">{{item.led}}</text>
							</view>
							<view class="con">
								<text class="txt1">仪式名称</text>
								<text class="txt2">{{item.ritual_id}}</text>
							</view>
							<view class="con">
								<text class="txt1">仪式价格</text>
								<text class="txt2">{{item.ritual}}</text>
							</view>

							<view class="con">
								<text class="txt1">进场费用</text>
								<text class="txt2">{{item.celebration_admission_fee}}</text>
							</view>
							<view class="con">
								<text class="txt1">其他费用</text>
								<text class="txt2">{{item.other_fee}}</text>
							</view>
							<view class="con">
								<text class="txt1">付款总金额</text>
								<text class="txt2">{{item.pay_hotel_totals}}</text>
							</view>
						</view>
						<!-- 加桌 -->
						<view class="" v-if="item.protocol_type=='加桌'">
							<view class="name">
								<text class="txt1">{{ item.protocol_type }}协议项({{ index + 1 }})</text>
							</view>
							<view class="con">
								<text class="txt1">桌数</text>
								<text class="txt2">{{item.table_amount}}</text>
							</view>
							<view class="con">
								<text class="txt1">餐标</text>
								<text class="txt2">{{item.table_price}}</text>
							</view>
							<view class="con">
								<text class="txt1">付款总金额</text>
								<text class="txt2">{{item.pay_hotel_totals}}</text>
							</view>
						</view>
						<!-- 减桌 -->
						<view class="" v-if="item.protocol_type=='减桌'">
							<view class="name">
								<text class="txt1">{{ item.protocol_type }}协议项({{ index + 1 }})</text>
							</view>
							<view class="con">
								<text class="txt1">桌数</text>
								<text class="txt2">{{item.table_amount}}</text>
							</view>
							<view class="con">
								<text class="txt1">餐标</text>
								<text class="txt2">{{item.table_price}}</text>
							</view>
							<view class="con">
								<text class="txt1">付款总金额</text>
								<text class="txt2">{{item.pay_hotel_totals}}</text>
							</view>
						</view>
						<!-- 加菜 -->
						<view class="" v-if="item.protocol_type=='加菜'">
							<view class="name">
								<text class="txt1">{{ item.protocol_type }}协议项({{ index + 1 }})</text>
							</view>
							<view class="con">
								<text class="txt1">桌数</text>
								<text class="txt2">{{item.table_amount}}</text>
							</view>
							<view class="con">
								<text class="txt1">餐标</text>
								<text class="txt2">{{item.table_price}}</text>
							</view>
							<view class="con">
								<text class="txt1">付款总金额</text>
								<text class="txt2">{{item.pay_hotel_totals}}</text>
							</view>
						</view>
						<!-- 减菜 -->
						<view class="" v-if="item.protocol_type=='减菜'">
							<view class="name">
								<text class="txt1">{{ item.protocol_type }}协议项({{ index + 1 }})</text>
							</view>
							<view class="con">
								<text class="txt1">桌数</text>
								<text class="txt2">{{item.table_amount}}</text>
							</view>
							<view class="con">
								<text class="txt1">餐标</text>
								<text class="txt2">{{item.table_price}}</text>
							</view>
							<view class="con">
								<text class="txt1">付款总金额</text>
								<text class="txt2">{{item.pay_hotel_totals}}</text>
							</view>
						</view>
					</view>
					<view class="info_box" v-for="(item,index) in hotelItem" :key='item.id'>
						<view class="name">
							<text class="txt1">酒店服务项目({{index+1}})</text>
						</view>
						<view class="con">
							<text class="txt1">婚房数量</text>
							<text class="txt2">{{item.wedding_room_amount}}</text>
						</view>
						<view class="con">
							<text class="txt1">婚房价格</text>
							<text class="txt2">{{item.wedding_room}}</text>
						</view>
						<view class="con">
							<text class="txt1">停车位数量</text>
							<text class="txt2">{{item.part_amount}}</text>
						</view>
						<view class="con">
							<text class="txt1">停车位价格</text>
							<text class="txt2">{{item.part}}</text>
						</view>
						<view class="con">
							<text class="txt1">香槟数量</text>
							<text class="txt2">{{item.champagne_amount}}</text>
						</view>
						<view class="con">
							<text class="txt1">香槟价格</text>
							<text class="txt2">{{item.champagne}}</text>
						</view>
						<view class="con">
							<text class="txt1">茶歇数量</text>
							<text class="txt2">{{item.tea_amount}}</text>
						</view>
						<view class="con">
							<text class="txt1">茶歇价格</text>
							<text class="txt2">{{item.tea}}</text>
						</view>
						<view class="con">
							<text class="txt1">糕点数量</text>
							<text class="txt2">{{item.cake_amount}}</text>
						</view>
						<view class="con">
							<text class="txt1">糕点价格</text>
							<text class="txt2">{{item.cake}}</text>
						</view>
					</view>
					<view class="info_box" v-if="JSON.stringify(banquet)==='[]'?false:JSON.stringify(banquet)==='{}'?false:true">
						<view class="name">
							<text class="txt1">婚宴</text>
						</view>
						<view class="con">
							<text class="txt1">订单所属公司</text>
							<text class="txt2">{{banquet.company_id}}</text>
						</view>
						<view class="con">
							<text class="txt1">婚宴总金额</text>
							<text class="txt2">{{banquet.banquet_totals}}</text>
						</view>
						<view class="con">
							<text class="txt1">桌数</text>
							<text class="txt2">{{banquet.table_amount}}</text>
						</view>
						<view class="con">
							<text class="txt1">餐标</text>
							<text class="txt2">{{banquet.table_price}}</text>
						</view>
						<view class="con">
							<text class="txt1">服务费总计</text>
							<text class="txt2">{{banquet.service_fee}}</text>
						</view>
						<view class="con">
							<text class="txt1">酒水费用</text>
							<text class="txt2">{{banquet.wine_fee}}</text>
						</view>
						<view class="con">
							<text class="txt1">加菜换菜</text>
							<text class="txt2">{{banquet.banquet_update_table}}</text>
						</view>
						<view class="con">
							<text class="txt1">仪式</text>
							<text class="txt2">{{banquet.banquet_ritual_title}}</text>
						</view>
						<view class="con">
							<text class="txt1">仪式价格</text>
							<text class="txt2">{{banquet.banquet_ritual_hall}}</text>
						</view>
						<view class="con">
							<text class="txt1">其他</text>
							<text class="txt2">{{banquet.banquet_other}}</text>
						</view>
						<view class="remark">
							<text class="txt1">备注</text>
							<text class="txt2">{{banquet.banquet_remark}}</text>
						</view>
					</view>
					<view class="info_box" v-if="JSON.stringify(wedding)==='[]'?false:JSON.stringify(wedding)==='{}'?false:true">
						<view class="name">
							<text class="txt1">婚庆</text>
						</view>
						<view class="con">
							<text class="txt1">订单所属公司</text>
							<text class="txt2">{{wedding.company_id}}</text>
						</view>
						<view class="con">
							<text class="txt1">婚庆总金额</text>
							<text class="txt2">{{wedding.wedding_totals}}</text>
						</view>
						<view class="con">
							<text class="txt1">套餐</text>
							<text class="txt2">{{wedding.wedding_package_title}}</text>
						</view>
						<view class="con">
							<text class="txt1">婚庆套餐价</text>
							<text class="txt2">{{wedding.wedding_package_price}}</text>
						</view>
						<view class="con">
							<text class="txt1">仪式价格</text>
							<text class="txt2">{{wedding.wedding_ritual_hall}}</text>
						</view>
						<view class="con">
							<text class="txt1">其他</text>
							<text class="txt2">{{wedding.wedding_other}}</text>
						</view>
						<view class="con">
							<text class="txt1">仪式</text>
							<text class="txt2">{{wedding.wedding_ritual_title}}</text>
						</view>
						<view class="con">
							<text class="txt1">是否研发产品</text>
							<text class="txt2">{{wedding.is_new_product===1?'是':'否'}}</text>
						</view>
						<view class="con">
							<text class="txt1">研发产品编号</text>
							<text class="txt2">{{wedding.new_product_no}}</text>
						</view>
						<view class="remark">
							<text class="txt1">备注</text>
							<text class="txt2">{{wedding.wedding_remark}}</text>
						</view>
					</view>
					<view class="" v-if="JSON.stringify(carList)==='[]'?false:JSON.stringify(carList)==='{}'?false:true">
						<view class="wine" v-for="(item,index) in carList" :key="index">
							<view class="info_box">
								<view class="name">
									<view class="name">婚车({{index+1}}) </view>
									<view class="edit" style="width: 100upx;text-align: right;" v-if="item.edit===1" @click="editTextFn({api:carList.api,read:carList.read,id:item.id,type:'carList',picker:carList.picker})">修改</view>
								</view>
								<view class="con">
									<text class="txt1">是否主车</text>
									<text class="txt2">{{item.is_master}}</text>
								</view>
								<view class="con">
									<text class="txt1">婚车品牌</text>
									<text class="txt2">{{item.car_id}}</text>
								</view>

								<view class="con">
									<text class="txt1">婚车数量</text>
									<text class="txt2">{{item.car_amount}}</text>
								</view>

								<view class="con">
									<text class="txt1">婚车价格</text>
									<text class="txt2">{{item.car_price}}</text>
								</view>

								<view class="remark">
									<text class="txt1">备注</text>
									<text class="txt2">{{item.car_remark}}</text>
								</view>
							</view>
						</view>
					</view>
					<view class="" v-if="JSON.stringify(wineList)==='[]'?false:JSON.stringify(wineList)==='{}'?false:true">
						<view class="wine" v-for="(item,index) in wineList" :key="index">
							<view class="info_box">
								<view class="name">
									<view class="name">酒水({{index+1}})</view>
									<view class="edit" style="width: 100upx;text-align: right;" v-if="item.edit===1" @click="editTextFn({api:wineList.api,read:wineList.read,id:item.id,type:'wineList',picker:wineList.picker})">修改</view>
								</view>
								<view class="con">
									<text class="txt1">酒水品牌</text>
									<text class="txt2">{{item.wine_id}}</text>
								</view>

								<view class="con">
									<text class="txt1">酒水数量</text>
									<text class="txt2">{{item.wine_amount}}</text>
								</view>

								<view class="con">
									<text class="txt1">酒水价格</text>
									<text class="txt2">{{item.wine_price}}</text>
								</view>

								<view class="remark">
									<text class="txt1">备注</text>
									<text class="txt2">{{item.wine_remark}}</text>
								</view>
							</view>
						</view>
					</view>
					<view class="">
						<view class="suger" v-for="(item,index) in  sugarList" :key="index">
							<view class="info_box">
								<view class="name">
									<view class="name">喜糖({{index+1}})</view>
									<view class="edit" style="width: 100upx;text-align: right;" v-if="item.edit===1" @click="editTextFn({api:sugarList.api,read:sugarList.read,id:item.id,type:'sugarList',picker:sugarList.picker})">修改</view>
								</view>
								<view class="con">
									<text class="txt1">喜糖品牌</text>
									<text class="txt2">{{item.sugar_id}}</text>
								</view>

								<view class="con">
									<text class="txt1">喜糖数量</text>
									<text class="txt2">{{item.sugar_amount}}</text>
								</view>

								<view class="con">
									<text class="txt1">喜糖价格</text>
									<text class="txt2">{{item.sugar_price}}</text>
								</view>

								<view class="remark">
									<text class="txt1">备注</text>
									<text class="txt2">{{item.sugar_remark}}</text>
								</view>
							</view>
						</view>
					</view>
					<view class="">
						<view class="dessert" v-for="(item,index) in dessertList" :key='index'>
							<view class="info_box">
								<view class="name">
									<view class="name">糕点({{index}})</view>
									<view class="edit" style="width: 100upx;text-align: right;" v-if="item.edit===1" @click="editTextFn({api:dessertList.api,read:dessertList.read,id:item.id,type:'dessertList',picker:dessertList.picker})">修改</view>
								</view>
								<view class="con">
									<text class="txt1">糕点品牌</text>
									<text class="txt2">{{item.dessert_id}}</text>
								</view>

								<view class="con">
									<text class="txt1">糕点数量</text>
									<text class="txt2">{{item.dessert_amount}}</text>
								</view>

								<view class="con">
									<text class="txt1">糕点价格</text>
									<text class="txt2">{{item.dessert_price}}</text>
								</view>

								<view class="remark">
									<text class="txt1">备注</text>
									<text class="txt2">{{item.dessert_remark}}</text>
								</view>
							</view>
						</view>
					</view>
					<view class="">
						<view class="light" v-for="(item,index) in lightList" :key='index'>
							<view class="info_box">
								<view class="name">
									<view class="name">灯光({{index+1}})</view>
									<view class="edit" style="width: 100upx;text-align: right;" v-if="item.edit===1" @click="editTextFn({api:lightList.api,read:lightList.read,id:item.id,type:'lightList',picker:lightList.picker})">修改</view>
								</view>
								<view class="con">
									<text class="txt1">灯光品牌</text>
									<text class="txt2">{{item.light_id}}</text>
								</view>

								<view class="con">
									<text class="txt1">灯光数量</text>
									<text class="txt2">{{item.light_amount}}</text>
								</view>

								<view class="con">
									<text class="txt1">灯光价格</text>
									<text class="txt2">{{item.light_price}}</text>
								</view>

								<view class="remark">
									<text class="txt1">备注</text>
									<text class="txt2">{{item.light_remark}}</text>
								</view>
							</view>
						</view>
					</view>
					<view class="">
						<view class="led" v-for="(item,index) in ledList" :key="index">
							<view class="info_box">
								<view class="name">
									<view class="name">Led({{index+1}})</view>
									<view class="edit" style="width: 100upx;text-align: right;" v-if="item.edit===1" @click="editTextFn({api:ledList.api,read:ledList.read,id:item.id,type:'ledList',picker:ledList.picker})">修改</view>
								</view>
								<view class="con">
									<text class="txt1">Led品牌</text>
									<text class="txt2">{{item.led_id}}</text>
								</view>

								<view class="con">
									<text class="txt1">Led数量</text>
									<text class="txt2">{{item.led_amount}}</text>
								</view>

								<view class="con">
									<text class="txt1">Led价格</text>
									<text class="txt2">{{item.led_price}}</text>
								</view>

								<view class="remark">
									<text class="txt1">备注</text>
									<text class="txt2">{{item.led_remark}}</text>
								</view>
							</view>
						</view>
					</view>
					<view class="">
						<view class="d3" v-for="(item,index) in d3List" :key="index">
							<view class="info_box">
								<view class="name">
									<view class="name">3D({{index+1}})</view>
									<view class="edit" style="width: 100upx;text-align: right;" v-if="item.edit===1" @click="editTextFn({api:d3List.api,read:d3List.read,id:item.id,type:'d3List',picker:d3List.picker})">修改</view>
								</view>
								<view class="con">
									<text class="txt1">3D品牌</text>
									<text class="txt2">{{item.d3_id}}</text>
								</view>

								<view class="con">
									<text class="txt1">3D数量</text>
									<text class="txt2">{{item.d3_amount}}</text>
								</view>

								<view class="con">
									<text class="txt1">3D价格</text>
									<text class="txt2">{{item.d3_price}}</text>
								</view>

								<view class="remark">
									<text class="txt1">备注</text>
									<text class="txt2">{{item.d3_remark}}</text>
								</view>
							</view>
						</view>
					</view>
					<view class="info_box" v-if="order.news_type==='婚宴信息'&&order.cooperation_mode==='返佣单'">
						<view class="name">
							<view class="name">订单金额</view>
							<text class="txt2">{{order.totals}}</text>
						</view>
						<view class="con">
							<text class="txt1">税额度</text>
							<text class="txt2">{{order.tax}}</text>
						</view>
						<view class="con">
							<text class="txt1">结算总价</text>
							<text class="txt2">{{order.settle_totals}}</text>
						</view>
						<view class="con">
							<text class="txt1">结算比例</text>
							<text class="txt2">{{order.settle_percent}}</text>
						</view>
						<view class="con">
							<text class="txt1">结算时间</text>
							<text class="txt2">{{order.settle_time}}</text>
						</view>
						<view class="con">
							<text class="txt1">实际应收结算金</text>
							<text class="txt2">{{order.settle_real_total}}</text>
						</view>
						<view class="con">
							<text class="txt1">备注</text>
							<text class="txt2">{{order.remark}}</text>
						</view>
					</view>
					<view class="info_box" v-else>
						<!-- <view class="name">
							<view class="name">合同</view>									
						</view> -->
						<view class="con">
							<view class="txt1">合同总金额</view>
							<text class="txt2">{{contractPrice.totals}}</text>
						</view>
						<view class="con">
							<text class="txt1">定金收款时间</text>
							<text class="txt2">{{contractPrice.earnest_money_date}}</text>
						</view>
						<view class="con">
							<text class="txt1">定金收款金额</text>
							<text class="txt2">{{contractPrice.earnest_money}}</text>
						</view>
						<view class="con">
							<text class="txt1">中款收款时间</text>
							<text class="txt2">{{contractPrice.middle_money_date}}</text>
						</view>
						<view class="con">
							<text class="txt1">中款收款金额</text>
							<text class="txt2">{{contractPrice.middle_money}}</text>
						</view>
						<view class="con">
							<text class="txt1">尾款收款时间</text>
							<text class="txt2">{{contractPrice.tail_money_date}}</text>
						</view>
						<view class="con">
							<text class="txt1">尾款收款金额</text>
							<text class="txt2">{{contractPrice.tail_money}}</text>
						</view>
					</view>
					<view class="">
						<view class="info_box" v-for="(item,index) in incomeList" :key="index">
							<view class="name">
								<view class="name">收款信息({{index+1}})</view>
								<view class="edit" style="width: 100upx;text-align: right;" v-if="item.edit===1" @click="editTextFn({api:incomeList.api,read:incomeList.read,id:item.id,type:'incomeList',picker:incomeList.picker,income_category:item.income_category})">修改</view>
							</view>
							<view class="con">
								<text class="txt1">收据编号</text>
								<text class="txt2">{{item.receivable_no}}</text>
							</view>
							<view class="con">
								<text class="txt1">收款类目</text>
								<text class="txt2">{{item.income_category}}</text>
							</view>
							<view class="con">
								<text class="txt1">收款方式</text>
								<text class="txt2">{{item.income_payment}}</text>
							</view>
							<view class="con">
								<text class="txt1">收款性质</text>
								<text class="txt2">{{item.income_type}}</text>
							</view>
							<view class="con">
								<text class="txt1">收款金额</text>
								<text class="txt2">{{item.income_item_price}}</text>
							</view>
							<view class="con">
								<text class="txt1">收款时间</text>
								<text class="txt2">{{item.income_date}}</text>
							</view>
							<!-- 		<view class="con">
								<text class="txt1">实际收款时间</text>
								<text class="txt2">{{item.income_real_date}}</text>
							</view> -->
							<view class="remark" v-if="item.income_remark">
								<text class="txt1">收款备注</text>
								<text class="txt2">{{item.income_remark}}</text>
							</view>
							<view class="" v-if="JSON.stringify(item.note_img) !='[]'">
								<view class="" style="padding-left: 30upx;font-size: 28upx;">
									收据照片
								</view>
								<view class="image_list">
									<image style="margin: 1px;" :src="items" mode="" v-for="(items,indexs) in  item.note_img" :key="indexs" @click="previewImg({list:item.note_img,index:indexs})"></image>
								</view>
							</view>
							<view class="" v-if="JSON.stringify(item.receipt_img) !='[]'">
								<view style="font-size: 13px;color: #999999;">
									小票或收款截图照片
								</view>
								<view class="image_list">
									<image style="margin: 1px;" :src="items" mode="" v-for="(items,indexs) in  item.receipt_img" :key="indexs"
									 @click="previewImg({list:item.receipt_img,index:indexs})"></image>
								</view>
							</view>
						</view>
					</view>
					<view class="">
						<view class="info_box" v-for="(item,index) in paymentList" :key="index">
							<view class="name">
								<view class="name">付款编号({{index+1}})</view>
								<view class="edit" style="width: 100upx;text-align: right;" v-if="item.edit===1" @click="editTextFn({api:paymentList.api,read:paymentList.read,id:item.id,type:'paymentList',picker:paymentList.picker,income_category:item.pay_category})">修改</view>
							</view>
							<view class="con">
								<text class="txt1">付款类目</text>
								<text class="txt2">{{item.pay_category}}</text>
							</view>
							<view class="con">
								<text class="txt1">付款性质</text>
								<text class="txt2">{{item.pay_type}}</text>
							</view>
							<view class="con">
								<text class="txt1">付款申请日期</text>
								<text class="txt2">{{item.apply_pay_date}}</text>
							</view>
							<view class="con">
								<text class="txt1">实际付款日期</text>
								<text class="txt2">{{item.pay_real_date}}</text>
							</view>
							<view class="con">
								<text class="txt1">付款金额</text>
								<text class="txt2">{{item.pay_item_price}}</text>
							</view>
							<view class="con">
								<text class="txt1">收款账号</text>
								<text class="txt2">{{item.pay_to_account}}</text>
							</view>
							<view class="con">
								<text class="txt1">收款公司</text>
								<text class="txt2">{{item.pay_to_company}}</text>
							</view>
							<view class="con">
								<text class="txt1">开户行</text>
								<text class="txt2">{{item.pay_to_bank}}</text>
							</view>
							<view class="remark">
								<text class="txt1">付款备注</text>
								<text class="txt2">{{item.payment_remark}}</text>
							</view>
							<view class="" v-if="JSON.stringify(item.note_img) !='[]'">
								<view class="" style="padding-left: 30upx;font-size: 28upx;">
									收据照片
								</view>
								<view class="image_list">
									<image style="margin: 1px;" :src="items" mode="" v-for="(items,indexs) in  item.note_img" :key="indexs" @click="previewImg({list:item.note_img,index:indexs})"></image>
								</view>
							</view>
							<view class="" v-if="JSON.stringify(item.receipt_img) !='[]'">
								<view class="" style="padding-left: 30upx;font-size: 28upx;">
									小票或收款截图照片
								</view>
								<view class="image_list">
									<image style="margin: 1px;" :src="items" mode="" v-for="(items,indexs) in  item.receipt_img" :key="indexs"
									 @click="previewImg({list:item.receipt_img,index:indexs})"></image>
								</view>
							</view>
						</view>
					</view>
					<view class="">
						<view class="info_box" v-for="(item,index) in banquetSuborderList" :key="index">
							<view class="name">
								<view class="name">婚宴增项({{index+1}})</view>
								<view class="edit" style="width: 100upx;text-align: right;" v-if="item.edit===1" @click="editTextFn({api:banquetSuborderList.api,read:banquetSuborderList.read,id:item.id,type:'banquetSuborderList',picker:banquetSuborderList.picker,income_category:item.pay_category})">修改</view>
							</view>

							<view class="name" v-if="item.additions.length > 0">增项内容</view>
							<view class="con list-box" v-for="(additions, index) in item.additions" :key="index">
								<text class="txt2 list-item">项目：{{additions.title}}</text>
								<text class="txt2 list-item">数量：{{additions.amount}}</text>
								<text class="txt2 list-item">单价：{{additions.amount}}</text>
								<text class="txt2 list-item">小计：{{additions.additionsPrice}}</text>
							</view>

							<view class="con">
								<text class="txt1">增项总计</text>
								<text class="txt2 text-end">{{item.banquet_totals}}</text>
							</view>

							<view class="remark" v-if="item.sub_banquet_remark">
								<text class="txt1">备注</text>
								<text class="txt2">{{item.sub_banquet_remark}}</text>
							</view>
							<!-- <view class="" v-if="JSON.stringify(item.image) !='[]'">
								<view class="" style="padding-left: 30upx;font-size: 28upx;">
									收据照片
								</view>
								<view class="image_list">
									<image :src="items" mode="" v-for="(items,indexs) in  item.image" :key="indexs" @click="previewImg({list:item.image,index:indexs})"></image>
								</view>
							</view> -->
							<view class="" v-if="JSON.stringify(item.note_img) !='[]'">
								<view class="" style="padding-left: 30upx;font-size: 28upx;">
									收据照片
								</view>
								<view class="image_list">
									<image style="margin: 1px;" :src="items" mode="" v-for="(items,indexs) in  item.note_img" :key="indexs" @click="previewImg({list:item.note_img,index:indexs})"></image>
								</view>
							</view>
							<view class="" v-if="JSON.stringify(item.receipt_img) !='[]'">
								<view class="" style="padding-left: 30upx;font-size: 28upx;">
									小票或收款截图照片
								</view>
								<view class="image_list">
									<image style="margin: 1px;" :src="items" mode="" v-for="(items,indexs) in  item.receipt_img" :key="indexs"
									 @click="previewImg({list:item.receipt_img,index:indexs})"></image>
								</view>
							</view>
						</view>
					</view>
					<view class="">
						<view class="info_box" v-for="(item,index) in weddingSuborderList" :key="index">
							<view class="name">
								<view class="name">婚庆增项({{index+1}})</view>
								<view class="edit" style="width: 100upx;text-align: right;" v-if="item.edit===1" @click="editTextFn({api:weddingSuborderList.api,read:weddingSuborderList.read,id:item.id,type:'weddingSuborderList',picker:weddingSuborderList.picker,income_category:item.pay_category})">修改</view>
							</view>
							<view class="con">
								<text class="txt1">订单号</text>
								<text class="txt2">{{item.wedding_order_no}}</text>
							</view>
							<view class="con">
								<text class="txt1">增项小计</text>
								<text class="txt2">{{item.wedding_totals}}</text>
							</view>
							<view class="con">
								<text class="txt1">签单销售</text>
								<text class="txt2"></text>
							</view>
							<view class="remark">
								<text class="txt1">备注</text>
								<text class="txt2">{{item.sub_wedding_remark}}</text>
							</view>
							<view class="" v-if="JSON.stringify(item.image) !='[]'">
								<view class="" style="padding-left: 30upx;font-size: 28upx;">
									收据照片
								</view>
								<view class="image_list">
									<image style="margin: 1px;" :src="items" mode="" v-for="(items,indexs) in  item.image" :key="indexs" @click="previewImg({list:item.image,index:indexs})"></image>
								</view>
							</view>
							<view class="" v-if="JSON.stringify(item.note_img) !='[]'">
								<view class="" style="padding-left: 30upx;font-size: 28upx;">
									收据照片
								</view>
								<view class="image_list">
									<image style="margin: 1px;" :src="items" mode="" v-for="(items,indexs) in  item.note_img" :key="indexs" @click="previewImg({list:item.note_img,index:indexs})"></image>
								</view>
							</view>
							<view class="" v-if="JSON.stringify(item.receipt_img) !='[]'">
								<view class="" style="padding-left: 30upx;font-size: 28upx;">
									小票或收款截图照片
								</view>
								<view class="image_list">
									<image style="margin: 1px;" :src="items" mode="" v-for="(items,indexs) in  item.receipt_img" :key="indexs"
									 @click="previewImg({list:item.receipt_img,index:indexs})"></image>
								</view>
							</view>
						</view>
					</view>
					<!-- 加桌 -->
					<view class="">
						<view class="info_box" v-for="(item,index) in appendTableList" :key="index">
							<view class="name">
								<view class="name">加桌({{index+1}})</view>
							</view>
							<view class="con">
								<text class="txt1">承办公司</text>
								<text class="txt2">{{item.company}}</text>
							</view>
							<view class="con">
								<text class="txt1">桌数</text>
								<text class="txt2">{{item.table_amount}}</text>
							</view>
							<view class="con">
								<text class="txt1">餐标</text>
								<text class="txt2">{{item.table_price}}</text>
							</view>
							<view class="con">
								<text class="txt1">费用总计</text>
								<text class="txt2">{{item.banquet_totals}}</text>
							</view>
							<view class="con">
								<text class="txt1">优惠金额</text>
								<text class="txt2">{{item.banquet_discount}}</text>
							</view>
							<view class="con">
								<text class="txt1">签约时间</text>
								<text class="txt2">{{item.sign_date}}</text>
							</view>
							<view class="remark">
								<text class="txt1">备注</text>
								<text class="txt2">{{item.sub_banquet_remark}}</text>
							</view>
						</view>
					</view>
					<!-- 减桌 -->
					<view class="">
						<view class="info_box" v-for="(item,index) in minusTableList" :key="index">
							<view class="name">
								<view class="name">减桌({{index+1}})</view>
							</view>
							<view class="con">
								<text class="txt1">承办公司</text>
								<text class="txt2">{{item.company}}</text>
							</view>
							<view class="con">
								<text class="txt1">桌数</text>
								<text class="txt2">{{item.table_amount}}</text>
							</view>
							<view class="con">
								<text class="txt1">餐标</text>
								<text class="txt2">{{item.table_price}}</text>
							</view>
							<view class="con">
								<text class="txt1">费用总计</text>
								<text class="txt2">{{item.banquet_totals}}</text>
							</view>
							<view class="con">
								<text class="txt1">优惠金额</text>
								<text class="txt2">{{item.banquet_discount}}</text>
							</view>
							<view class="con">
								<text class="txt1">签约时间</text>
								<text class="txt2">{{item.sign_date}}</text>
							</view>
							<view class="remark">
								<text class="txt1">备注</text>
								<text class="txt2">{{item.sub_banquet_remark}}</text>
							</view>
						</view>
					</view>
					<!-- 加菜 -->
					<view class="">
						<view class="info_box" v-for="(item,index) in appendVegetableList" :key="index">
							<view class="name">
								<view class="name">加菜({{index+1}})</view>
							</view>
							<view class="con">
								<text class="txt1">承办公司</text>
								<text class="txt2">{{item.company}}</text>
							</view>
							<view class="con">
								<text class="txt1">桌数</text>
								<text class="txt2">{{item.table_amount}}</text>
							</view>
							<view class="con">
								<text class="txt1">餐标</text>
								<text class="txt2">{{item.table_price}}</text>
							</view>
							<view class="con">
								<text class="txt1">费用总计</text>
								<text class="txt2">{{item.banquet_totals}}</text>
							</view>
							<view class="con">
								<text class="txt1">优惠金额</text>
								<text class="txt2">{{item.banquet_discount}}</text>
							</view>
							<view class="con">
								<text class="txt1">签约时间</text>
								<text class="txt2">{{item.sign_date}}</text>
							</view>
							<view class="remark">
								<text class="txt1">备注</text>
								<text class="txt2">{{item.sub_banquet_remark}}</text>
							</view>
						</view>
					</view>
					<!-- 减菜 -->
					<view class="">
						<view class="info_box" v-for="(item,index) in minusVegetableList" :key="index">
							<view class="name">
								<view class="name">减菜({{index+1}})</view>
							</view>
							<view class="con">
								<text class="txt1">承办公司</text>
								<text class="txt2">{{item.company}}</text>
							</view>
							<view class="con">
								<text class="txt1">桌数</text>
								<text class="txt2">{{item.table_amount}}</text>
							</view>
							<view class="con">
								<text class="txt1">餐标</text>
								<text class="txt2">{{item.table_price}}</text>
							</view>
							<view class="con">
								<text class="txt1">费用总计</text>
								<text class="txt2">{{item.banquet_totals}}</text>
							</view>
							<view class="con">
								<text class="txt1">优惠金额</text>
								<text class="txt2">{{item.banquet_discount}}</text>
							</view>
							<view class="con">
								<text class="txt1">签约时间</text>
								<text class="txt2">{{item.sign_date}}</text>
							</view>
							<view class="reamrk">
								<text class="txt1">备注</text>
								<text class="txt2">{{item.sub_banquet_remark}}</text>
							</view>
						</view>
					</view>
				</uni-collapse-item>


			</uni-collapse>
		</view>

		<view class="add2pin" v-if="[0,100].indexOf(order.order_type) >= 0 && [0,1,2].indexOf(order.item_check_status) >= 0 && order.settlement_status != 2"
		 @click="showTwoPicker_linkage">
			<view>添加项目</view>
		</view>
		<wzp-picker ref="wzpPicker" :mode="mode" :pickerList="pickerList" :defaultIndex="defaultIndex" @onConfirm="onConfirm"></wzp-picker>

		<!-- <uni-popup ref="popups" :maskClick="true"  type="dialog" >
			<view class="operation_box">
				<text  class="operation_text" @click="confirms">转单</text>
				<text  class="operation_text" @click="closes" v-if="order.item_check_status==2">退款</text>
				<text  class="operation_close" @click="this.$refs.popups.close()">取消</text>
			</view>		    
		</uni-popup> -->


	</view>
</template>

<script>
	import wzpPicker from "@/component/wzp-picker/wzpPicker.vue";
	import navigation from "@/component/navigation.vue"
	import sun from '@/utils/sun.js'
	export default {
		components: {
			navigation,
			wzpPicker
		},
		data() {
			return {
				isSHowAfterSale: false, //是否显示操作
				options: '',
				member: "", //客人信息
				order: { //合同详情
					api: '',
					edit: '',
					id: '',
					json: {
						image: [],
						note_img: [],
						receipt_img: [],
					},
					picker: '',
					read: ''
				},
				wedding: {
					json: {
						company_id: ''
					}
				},
				banquet: { //婚宴
					json: {
						company_id: ''
					}
				},
				hotelProtocol: {

				},
				hotelItem: { //酒店详情
					json: {
						wedding_room_amount: '',
					}
				},
				sugarList: { //喜糖
					array: [

					]
				},
				carList: { //婚车
					array: [

					]
				},
				wineList: { //酒水				
					array: []
				},
				dessertList: { //糕点
					array: [

					]
				},
				lightList: { //灯光
					array: [

					]
				},
				ledList: { //Led
					array: [

					]
				},
				d3List: { //3d
					array: [

					]
				},
				addItems: '', //是否增项

				contractPrice: { //合同总金额
					json: {
						totals: ''
					}
				},
				incomeList: { //收款信息
					array: [{
						income_item_price: '11'
					}]
				},
				paymentList: '',
				weddingSuborderList: '',
				banquetSuborderList: '',

				confirmList: '', //审核流程
				isEdit: '', //是否可以编辑
				options: '',

				addItemsArray: [
					[],
					[]
				], //添加项目选择
				addItemsIndex: [0, 0], //

				pickerValue: "",
				mode: "",
				pickerList: [],
				defaultIndex: [],

				//转单
				orderMode: '',
				orderPickerValue: "",
				orderPickerList: [{
					id: '',
					title: '定单'
				}, {
					id: '',
					title: '返佣单'
				}, ],
				orderDefaultIndex: [],
				//加桌
				appendTableList: [],
				//减桌
				minusTableList: [],
				//加菜
				appendVegetableList: [],
				//减菜
				minusVegetableList: [],
			}
		},
		onLoad(options) {
			this.options = options;
			console.log(options)
		},
		onShow() {
			this.addItemsArray = [
				[],
				[]
			]
			this.getData({
				id: this.options.id
			})
			this.flowData({
				id: this.options.id
			}) //流程

		},
		methods: {
			// 双列联动初始化
			showTwoPicker_linkage() {
				this.mode = 'two_linkage';
				this.pickerList = this.addItemsArray;
				this.defaultIndex = [0, 0];
				this.$refs.wzpPicker.showPicker();
			},
			onConfirm(e) {
				console.log(e);
				if (!this.pickerList[e[0]].children[e[1]]) {
					this.pickerValue = this.pickerList[e[0]].title
				} else {
					this.pickerValue = this.pickerList[e[0]].title + " " + this.pickerList[e[0]].children[e[1]].title;
				}

				let one = e[0];
				let two = e[1];
				let id = '';
				let params = {};



				if (this.addItemsArray[one]) {
					this.addItemsArray[one].order_id = this.options.id
					id = this.addItemsArray[one].id;
					params = this.addItemsArray[one];
				}
				if (this.addItemsArray[one].children[two]) {
					this.addItemsArray[one].children[two].order_id = this.options.id;
					id = this.addItemsArray[one].children[two].id;
					params = this.addItemsArray[one].children[two];
				}
				
				console.log(id);
				console.log(params);

				let paramsJson = JSON.stringify(params);
				let path = `/pages/audit/${id}/${id}?params=${paramsJson}`;
				uni.navigateTo({
					url: path
				});
			},
			onBackPress() {
				if (this.$refs.wzpPicker.pickerShow) {
					this.$refs.wzpPicker.closePicker();
					return true;
				}
			},
			getData(e) {
				let that = this
				sun.request({
					url: "/h5/order.order/show",
					showLoading: true,
					token: true,
					data: {
						id: e.id,
						// id:2569
					},
					success(res) {
						if (res.code == 200) {
							that.order = res.data.order;
							that.wedding = res.data.wedding; //婚庆
							that.banquet = res.data.banquet; //婚宴
							that.member = res.data.member;
							that.hotelProtocol = res.data.hotelProtocol; //酒店协议
							that.hotelItem = res.data.hotelItem;
							that.sugarList = res.data.sugarList;
							that.carList = res.data.carList;
							that.wineList = res.data.wineList;
							that.sugarList = res.data.sugarList;
							that.dessertList = res.data.dessertList;
							that.lightList = res.data.lightList;
							that.ledList = res.data.ledList;
							that.d3List = res.data.d3List;
							that.contractPrice = res.data.contractPrice; //
							that.incomeList = res.data.incomeList; //,
							that.paymentList = res.data.paymentList; //,
							that.addItems = res.data.addItems;
							that.addItemsArray = res.data.addItems;

							// if(that.addItems.addItems.length>=1){
							// 	that.addItems.addItems.map((item,index)=>{
							// 		that.addItemsArray[0].push(item.title)
							// 		if(item.items){
							// 	       item.items.map((itemd,index)=>{
							// 		      that.addItemsArray[1].push(itemd.title)	   
							// 		   })		
							// 		}
							// 	})
							// }
							that.weddingSuborderList = res.data.weddingSuborderList;
							that.banquetSuborderList = res.data.banquetSuborderList;
							that.appendTableList = res.data.appendTableList;
							that.minusTableList = res.data.minusTableList;
							that.appendVegetableList = res.data.appendVegetableList;
							that.minusVegetableList = res.data.minusVegetableList;
						}
					},
					fail(e) {
						uni.showToast({
							icon: "none",
							title: "服务器开小差去啦~",
						})
					}
				})

			},
			//审核流程
			flowData(e) {
				let that = this
				sun.request({
					url: "/h5/order.confirm/getConfirmStep",
					showLoading: true,
					token: true,
					data: {
						id: e.id
					},
					success(res) {
						if (res.code == 200) {
							that.confirmList = res.data.confirmList;
							that.isEdit = res.data.isEdit;
						}
					},
					fail(e) {
						uni.showToast({
							icon: "none",
							title: "服务器开小差去啦~",
						})
					}
				})

			},
			//右侧修改
			editTextFn(e) {

				uni.navigateTo({
					url: "../../orderEdit/orderEdit?data=" + JSON.stringify(e)
				})
			},

			//预览图片
			previewImg(e) {
				console.log(e.list)
				// 预览图片
				uni.previewImage({
					current: e.index,
					urls: e.list,
					longPressActions: {
						// itemList: ['发送给朋友', '保存图片', '收藏'],
						success: function(data) {

						},
						fail: function(err) {
							console.log(err.errMsg);
						}
					}
				});
			},
			//提交审核
			submit() {

			},
			//售后
			gotoAfterSale() {
				this.$refs.popups.open()
			},
			//退款
			closes() {
				let params = {
					"id": "payment",
					"title": "退款",
					"read": "/h5/order.payment/create",
					"api": "/h5/order.payment/doCreate",
					"children": [],
					"order_id": this.order.id,
					'complete': this.order.complete
				}
				uni.navigateTo({
					url: `/pages/audit/drawback/drawback?params=${JSON.stringify(params) }`
				})
			},
			//转单
			confirms() {
				this.orderMode = 'one';
				this.orderDefaultIndex = [0]
				this.$refs.orderPicker.showPicker()
			},
			//转单选择
			orderOnConfirm(e) {
				//转定单
				if (e[0] === 0) {
					uni.navigateTo({
						url: `/pages/orderListIcon/orderListIcon?earnestMoney=${JSON.stringify(this.order)}&&id=${this.order.member_id}&&pid=${this.order.id}`
					})
				}
				//转返佣单
				if (e[0] === 1) {
					uni.navigateTo({
						url: `/pages/audit/clubOrder/clubOrder?params=${JSON.stringify({type:'add',...this.order})}&&member_id=${this.order.member_id}&&pid=${this.order.id}`
					})
				}
			},
			//查看审核
			viewAuditFn() {
				uni.navigateTo({
					url: "/pages/orderInfo/myApproval/myApproval?id=" + this.order.id
				})
			},
			gotoOginOrder() {
				uni.navigateTo({
					url: "/pages/orderInfo/goodsDetail/goodsDetail?id=" + this.order.pid
				})
			}
		}
	}
</script>

<style lang="less">
	page {
		background: #F4F4F4;
		padding-bottom: 120upx;
		padding-left: 30upx;
		padding-right: 30upx;
		box-sizing: border-box;
		width: 100%;
	}

	.infoBox {
		width: 100%;
		height: auto;
		// background: #FFFFFF;
		margin-top: 20upx;
	}

	.infoBox .title {
		// background: #FFFFFF;
	}

	.info_box {
		width: 100%;
		height: auto;
		background: #FFFFFF;
		padding: 20upx 30upx 40upx 30upx;
		box-sizing: border-box;
		border-top: 1upx solid #eeeeee;
		margin-bottom: 10upx;

		.name {
			width: 100%;
			height: 52upx;
			display: flex;
			align-items: center;
			font-size: 26upx;
			color: #666666;
		}

		.list-box {
			padding: 10upx;
			border: 1px solid #ebedf0;
		}

		.list-box:first-child {
			border-bottom: none;
		}

		.text-end {
			text-align: end;
		}

		.con {
			width: 100%;
			height: auto;
			display: flex;
			font-size: 26upx;
			justify-content: space-between;
			align-items: center;

			.txt1 {
				width: auto;
				height: auto;
				line-height: 58upx;
				display: block;
				color: #999999;
			}

			.txt2 {
				width: 400upx;
				height: auto;
				display: block;
				// line-height: 52upx;
				// word-wrap:normal ;
				// position: absolute;
				// right: 0;
				word-wrap: break-word;
				color: #666666;
			}
		}

		.remark {
			width: 100%;
			justify-content: space-between;
			align-items: flex-start;
			font-size: 26upx;
			margin-top: 20upx;

			.txt1 {
				width: auto;
				display: block;
				color: #999999;
			}

			.txt2 {
				padding-top: 10upx;
				// width: 419upx;
				display: block;
				color: #666666;
				text-indent: 2em;
				line-height: 50upx;
				word-break: break-all;
				/* break-all(允许在单词内换行。) */
				text-overflow: ellipsis;
				/* 超出部分省略号 */
				display: -webkit-box;
				/** 对象作为伸缩盒子模型显示 **/
				-webkit-box-orient: vertical;
				/** 设置或检索伸缩盒对象的子元素的排列方式 **/
				-webkit-line-clamp: 2;
				/** 显示的行数 **/
				overflow: hidden;
			}
		}
	}



	///审批流程
	.approval {
		width: 100%;
		height: auto;

		text {
			width: 100%;
			height: 28upx;
			display: block;
			font-size: 30upx;
			color: #999999;
			margin-bottom: 50upx;
			padding: 32upx 44upx 0 44upx;
			box-sizing: border-box;
		}
	}

	.approver {
		width: 100%;
		height: auto;

		.box {
			width: 100%;
			height: 158upx;
			border-bottom: 1upx solid #eeeeee;
			box-sizing: border-box;
			padding: 0 32upx;
			position: relative;
			clear: both;

			.circle {
				width: 25upx;
				height: 25upx;
				background: #D3D3D3;
				border-radius: 50%;
				position: absolute;
				left: 30upx;
				top: 70upx;
			}

			.left {
				width: 350upx;
				min-height: 100upx;
				white-space: normal;
				font-size: 32upx;
				color: #333333;
				margin-left: 57upx;
				float: left;

				.view_text {
					width: auto;
					height: auto;
					display: block;
					font-size: 26upx;
					color: #999999;
					padding: 0;
					word-break: break-all;
					text-overflow: ellipsis;
					display: -webkit-box;
					/** 将对象作为伸缩盒子模型显示 **/
					-webkit-box-orient: vertical;
					/** 设置或检索伸缩盒对象的子元素的排列方式 **/
					-webkit-line-clamp: 2;
					/** 显示的行数 **/
					overflow: hidden;
					/** 隐藏超出的内容 **/
				}
			}

			.right {
				width: auto;
				height: 110upx;
				float: right;
				padding-top: 30upx;
				margin-right: 10upx;
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;

				.image {
					width: 71upx;
					height: 71upx;
					background: #D3D3D3;
					border-radius: 50%;
				}

				text {

					height: auto;
					display: block;
					font-size: 26upx;
					color: #999999;
					padding: 0;
					text-align: center;
				}
			}
		}
	}

	.frist_circle {
		width: 25upx;
		height: 25upx;
		background: #D3D3D3;
		border-radius: 50%;
		position: absolute;
		left: 30upx;
		top: 70upx;
	}

	.circle::after {
		content: '';
		width: 2upx;
		height: 135upx;
		display: block;
		background: #D3D3D3;
		position: absolute;
		left: 50%;
		bottom: 25upx;
	}



	.add2pin {
		width: 80%;
		height: 80upx;
		background: #007AFF;
		border-radius: 30upx;
		color: #FFFFFF;
		line-height: 80upx;
		text-align: center;
		font-size: 28upx;
		position: fixed;
		left: 50%;
		margin-left: -40%;
		bottom: 20upx;

	}


	.image_list {
		width: 100%;
		display: flex;
		justify-content: left;
		flex-wrap: wrap;
		padding: 30upx;
		box-sizing: border-box;

		image {
			width: 150upx;
			height: 150upx;
			// background: #007AFF;
		}
	}

	.btn {
		width: 80%;

		font-size: 28upx;
		background: #007AFF;
		border-radius: 30upx;
		border: none;
		color: #FFFFFF;
		position: fixed;
		left: 50%;
		transform: translateX(-50%);
		bottom: 50upx;
	}

	.operation_box {
		background: #FFFFFF;
		width: 300upx;
		padding: 40upx;
		display: flex;
		justify-content: space-around;
		align-items: left;
		flex-direction: column;
		border-radius: 10upx;
		position: relative;
	}

	.operation_text {
		padding: 15upx 10upx;
		font-size: 28upx;
		width: 140upx;
		display: block;
		border-radius: 10upx;
		margin-bottom: 20upx;
		border-bottom: 1upx solid #ccc;
	}

	.operation_close {
		// font-size: 25upx;	
		color: #007AFF;
		position: absolute;
		right: 30upx;
		bottom: 30upx;
	}

	.right_text_top {
		// width: 100upx;
		padding: 30upx;
		position: absolute;
		top: 80upx;
		right: 0upx;
		background-color: rgba(0, 0, 0, 0.65);
		color: #fff;
		border-radius: 10upx;
		text-align: center;
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}

	.right_text_top:after {
		content: "";
		width: 0;
		height: 0;
		border: 7px solid transparent;
		border-bottom-color: rgba(0, 0, 0, 0.65);
		position: absolute;
		right: 10px;
		top: -14px;
	}
</style>
